@charset "utf-8";
/* 52framework General StyleSheet - contains styles for all the HTML elements this framework supports */

body {
  background:#fff;
  color:#000;
  font:12px Arial, Helvetica, sans-serif;
  position:relative;
}


/* ** ** Common Addative Classes ** ** */
.left, .float_left  { float:left	}
.right, .float_right { float:right	}
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; height:0px;}
.clear-left, .clear_left { clear:left; } .clear-right, .clear_right { clear:right; }
.hide  { display:none	} .block {display:block !important;} .inline {display:inline !important;}

.align_right    { text-align:right;	  }
.align_left     { text-align:left;	  }
.align_center   { text-align:center;  }
.align_justify  { text-align:justify; }

.white		{ color: #fff;	}
.gray		{ color: #666;	}


.bold {font-weight:600;}
.italic {font-style:italic;}

a {	color:#525252;	}
a:hover, a:focus { text-decoration:underline;}
a:active, a:visited { }
.legend {border-bottom-color:#E5E5E5;
  border-bottom-style:solid;
  border-width:0 0 1px;
  color:#333333;
  display:block;
  font-size:21px;
  line-height:40px;
  margin-bottom:20px;
  padding:0;
  width:100%;}
blockquote {
		font-family: Georgia,"Times New Roman", Times, serif; 
		margin:5px; 
		padding:10px;
		font-size:1.52em; 
		color:#999; 
		font-style:italic; 
		line-height:1.3em; 
		width:100%; 
		quotes:none;
	}
	blockquote.left {border-right:1px dashed #ccc; width:35%;} /* float blockquote left, and set width */
	blockquote.right {border-left:1px dashed #ccc; width:35%;} /* float blockquote right and set a width */

/* ** ** Header Styles ** ** */
h1, h2, h3, h4, h5 {margin:0 0 0.5em; line-height:1.1em;}

h1 {	font-size:2.52em;} 
h2 {	font-size:1.952em;} 
h3 {	font-size:1.652em;} 
h4 {	font-size:1.452em;} 
h5 {	font-size:1.252em;} 
h6 {	font-size:1.52em;}

.head1	{ color: #f05d1c; font-size: 48px;	}

/* ** ** ul li's ** ** */
ul{
  list-style:outside disc;
}
ul,ol{
  margin:0 0 1.5em 1.5em;
  padding:0;
}
li ul,li ol{
  padding:0;
  margin:0 0 1.5em 1.5em;
}


/* ** ** custom select color ** ** */
::selection {
	background: #525252; /* Safari */
	}
::-moz-selection {
	background: #525252; /* Firefox */
	color:#fff;
}
/* ** ** paragraph styling ** ** */
p {margin:0 0 1.52em;}
	p img.left {float:left;margin:1.52em 1.52em 1.52em 0;padding:0;}
	p img.right {float:right;margin:1.52em 0 1.52em 1.52em;}

strong   		{	font-weight:600;}
em, dfn  		{	font-style:italic;}
dfn 	 		{   font-weight:600;}
sup, sub 		{   line-height:0;}
abbr, acronym   {	border-bottom:1px dashed #ccc;}
address 		{	margin:0 0 1.5em;font-style:italic;}
del 			{	color:#666;}
pre, code, tt   {	font:1em 'andale mono', 'lucida console', monospace;line-height:1.5; display:block;}
code 			{	background-color:#eee; display:inline; padding:0px 2px 1px 2px; line-height:1.1em;}
pre 			{	margin:1.5em 0;white-space:pre;}

header {padding-top:25px; margin: 0 auto; width: 960px;}
		header .logo {font-size:3.52em;}
		nav			 { position: absolute; top: 80px; left: 397px; width: 750px; z-index:999; }
		
		header nav ul li {float:right; margin-top:0;}
		header nav ul li a { background:url(../img/nav-bg.jpg) 0 47px repeat-x; color: #fff; display:block; padding:23px 15px 5px 15px; font-size:14px; font-family: 'GudeaRegular', Arial, sans-serif; height: 19px; text-decoration:none; float: right;}
		header nav ul li a:hover { background-position: 0 0; text-decoration: none; color: #fff; }
		header nav ul li a.active { background-position: 0 -46px; text-decoration: none; color: #904f1b; }
		
		header nav ul li.last a {border-right:none;}
		
		#styled {margin-top:20px;}
		
		.group {padding:5px; background-color:#eee; border:1px dashed #ccc; list-style:none; margin:0px; margin-bottom:5px;}
		.group a {font-size:1.2em;}
		.group p {margin-bottom:5px;}
		.group li {margin-bottom:5px;}
		
		#css3 div > div {margin:0px 0px 50px 0px; padding:6px; border:1px solid #eee;}
		#grid div {text-align:center;  }
		#grid div > .col {border-bottom:1px solid #ccc; padding:10px 0px; outline:1px solid #eee;}
		
		h2 {border-bottom:1px dashed #ccc; margin-top:15px;}
		
		.documentation {display:block; background-color:#eee; padding:6px 13px; font-family:Georgia, "Times New Roman", Times, serif; color:#666; text-align:right; text-shadow:-1px -1px 0px #fff;}
		
		footer { text-align:center; color:#666; font-size:0.9em; height: 120px;  padding:20px 0px 0 0;}	 

/* ==================================== */
/* ============== Shawn     =========== */
/* ==================================== */
.header-bg		{ background: url(../img/header-bg.jpg) top repeat-x; height: 206px; width: 100%;	}
#logo			{ background: url(../img/logo.png) top left no-repeat; display: block; height: 47px; overflow: hidden; text-indent: -999em; width: 320px;	}
.head-right-portion	{ margin-top: -20px; width: 300px;	}
.head-field-wrap	{ float: left; width: 235px;	}

#slider-section	{ margin-top: -60px;	}
.three-box-wrap .box 	{ padding: 20px; position: relative; height: 150px; width: 270px;	}
.three-box-wrap .h2		{ font: 20px/40px Verdana, Geneva, sans-serif; margin-bottom: 20px;	}
.three-box-wrap .box a.box-more { color:#fff; text-decoration: none; margin-bottom: 0; right: 30px; position: absolute; bottom: 35px; text-align: right;	}
.box-first		{ background: url(../img/headbox1.jpg) top left no-repeat;	}
.box-second		{ background: url(../img/headbox2.jpg) top left no-repeat; }
.box-third		{ background: url(../img/headbox3.jpg) top left no-repeat; }

#subpage-content-left		{ width: 650px;	}
#subpage-content-right		{ width: 260px;	}
.head-field-wrap	{ background: url(../img/search-bg.png) top left no-repeat; padding: 5px; height: 22px; width: 220px;	}
.head-field-wrap input { background: none; border: none; color: #222; outline: none; width: 210px;	}
.search-submit			{ background: url(../img/search-btn.png) 0 0 no-repeat; cursor: pointer; border: none; margin-left: 10px; height: 30px; width: 31px;	}
.search-submit:active	{ background-position: 0 -30px; 	}


/* ====================================== */
/* =========== PRODUCTS ================= */
/* ====================================== */
 
 

#productsContainer {
	width: 960px;
	margin: 0 auto;
	overflow:hidden;
}
.productsContainer {
	width: 960px;
	margin: 0 auto;
	overflow:hidden;
}
#productsContainer .productsGlow {
	position: relative;
	width: 100%;
	height: 400px;
	background-image:url(../images/waves_products.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}

#productsContainer .productGroup, #productsContainer .productsLoaderContainer {
	position: absolute;
	width: 100%;
	height: 420px;
	top: 0px;
	left: 0px;
	display: none;
}
#productsContainer .productsLoaderContainer {
	display: block;
	z-index: 99;
	padding-left: 453px;
	padding-top: 212px;
}
#productsContainer .productInfo {
	position: absolute;
	left: 480px;
	top: 10px;
	width: 480px;
	height: 208px;
}
#productsContainer .productTitle {
	margin-top:5px;
	margin-bottom:15px;
	color: #00a7bc;
	font-size: 34px;
	font-family:'GillSansStd-Light',Sans-Serif;
}
#productsContainer .productTitle, #productsContainer .productTitle br {
	line-height: 34px;
}
#productsContainer .productDescription {
	position:relative;
	color: #5d6678;
	font-size: 13px;
	line-height: 20px;
	margin-top: 0px;
	margin-bottom: 20px;
}
#productsContainer	{ top: -30px;	}
.productsLineUp				{ position: relative; z-index: 100;	}
.productsLineUpPackBG		{ background: none;  padding: 10px 0px; height: 24px;	}
.productsLineUpPackBG:hover	{ background: #dfdfdf;	}
.productsLineUpPackImage	{ color: #3b4043; cursor: pointer;  font: bold 11px/22px Arial, Helvetica, sans-serif; float: left; width: 135px;	}
.productsLineUpPacks h3		{ display: block; clear: both;	}
.productsLineUpPacks ul li	{ list-style: none; 	}

.productsLabel thead tr td { background: #ccd5db; padding: 5px 0; font: 11px/24px Arial, Helvetica, sans-serif; text-align: center; width: 180px; 	}
.datacell		{ color:#3B4043; float: left; position: relative; text-align: center;  width: 134px;	}


.product-code,
.single-add	{  font: 11px/18px Verdana, Geneva, sans-serif; margin:0; padding: 0;	}
.single-add a			{ background:url(../img/carts-btnset.jpg) 0 0 no-repeat; display: block; height: 29px; overflow: hidden; position: relative; top: 9px; text-indent: -999em; width: 93px;	}
.single-add a:hover		{ background-position: 0 -29px;	}
.single-add a:active		{ background-position: 0 -58px;	}

.multiple-add a		{ background: url(../img/carts-btnset.jpg) -97px 0 no-repeat; display: block; height: 29px; overflow: hidden; position: relative; left: -30px; text-indent: -999em; width: 123px;	}

.productTitleBlock	{ padding-top: 15px;	}
.shopcart-wrap		{ margin: 0 auto; position: relative; top: -70px; width: 950px;	}
.cartStatus			{ position: relative; top: -39px;	}
.cartStatus a		{ background: url(../img/cartToggle.png) no-repeat; display: block; float: left; overflow: hidden; text-indent: -999em; height: 27px;    width: 98px;	}
.cartStatus p 		{ display: block; float: left; height: 27px; width: 300px; text-indent: 20px; color: #fff; font: 11px/27px Arial, Helvetica, sans-serif;	}
.cartStatus a.cartView	{ background-position: 0 0;	}
.cartStatus a.cartView:hover { background-position: 0 -27px;	}
.cartStatus a.cartView:active	{ background-position: 0 -54px;	}
.cartStatus a.cartHide	{ background-position: 0 -81px;	}
.cartStatus a.cartHide:hover	{ background-position: 0 -108px;	}
.cartStatus a.cartHide:active	{ background-position: 0 -135px;	}
#drop-down-menu ul li,
ul.drop-down-menu li { list-style: none; 	}
.shopping-cart form input[type='text'] { width: 30px;	}
.shopping-cart  { background: #e3e3e3;  border: 1px #c1bfbf solid; padding: 20px; position: relative; top: -40px;	}

.paginationWrap { float: right; position: relative; margin-bottom: -32px; top: -15px; left: 60px;	}

.itemRow	{ background: #c6c4b3; border-bottom: 1px #b3b097 solid; border-right: 1px #b3b097 solid; padding: 8px; margin-bottom: 10px;	}
.itemWrap	{ display: block; float: left; color: #383625; font: 12px/18px Verdana, Geneva, sans-serif;	}
.itemWrap input { background: #c6c4b3; border: 1px #c6c4b3 solid;	}

.itemCtrl 	{ padding: 2px 0 0 0; margin-right: -10px; position: relative; float: right; width: 75px;	}
.decrease-item  { background: transparent url(../img/icon-delete.png)top left no-repeat; display: block; float: left; height: 16px; margin-left: 5px; overflow: hidden; text-indent: 999em; width: 16px;	}
.add-item	{ background: transparent url(../img/icon-add.png)top left no-repeat; display: block; float: left; height: 16px; margin-left: 5px;  overflow: hidden; text-indent: 999em; width: 16px;	}
.minus-item	{ background: transparent url(../img/icon-minus.png)top left no-repeat; display: block; float: left; height: 16px; margin-left: 5px;  overflow: hidden; text-indent: 999em; width: 16px;	}
.itemCtrl a:hover	{ background-color: #fff;	}
.head-search		{ position: relative; top: -10px;	}

.table .small	{ font: 11px Arial, Helvetica, sans-serif;	}

.loginbox, .contactbox, .customerIdBox	{	padding: 30px; margin-bottom: 30px; }
.loginerror, .marginb-30	{ margin-bottom: 30px;	}

.formLabel	{ width: 150px; padding-right: 15px; padding-top: 3px; text-align: right;	}

.printarea	{ padding: 15px; border: 1px #ccc dashed;	}

.printReceipt	{ margin: 15px 0;	}
.body-admin		{ background: #e5e9ea;	}
#admin-tabs { background:url(../img/admin_tab_bg.jpg) top repeat-x; height: 62px; margin: 0; padding: 0; position: absolute; top: 145px; width: 100%;	}
#admin-tabs ul { list-style: none; margin: 0; padding: 0;	}
#admin-tabs ul li 			{ display: block; float: left; height: 62px; margin: 0; padding: 0; overflow: hidden;	}
#admin-tabs ul li a			{ background: url(../img/admin_tabfront_bg.jpg) 0 -62px no-repeat; display: block; float: left; margin: 0; padding: 0 0 0 15px; height: 62px;	}
#admin-tabs ul li a span	{ background: url(../img/admin_tabend_bg.jpg)right -62px no-repeat; display: block; color: #e5e9ea; font: 14px/32px 'GudeaRegular', Arial, sans-serif; float: left; margin: 0; padding: 28px 35px 0 0; height: 33px;	}
#admin-tabs ul li a:hover	{ background-position: 0 -124px;	}
#admin-tabs ul li a:hover span 	{ background-position: right -124px; color: #fff;	}
#admin-tabs ul li.active a	{ background-position: 0 0;	}
#admin-tabs ul li.active a span 	{ background-position: right 0; color: #474747; padding: 20px 35px 0 0; height: 46px;	}
.adminHeading				{ background: url(../img/adminHeading_bg.jpg) bottom repeat-x; height: 50px; width:100%;	}

.adminHRight,.adminHLeft			{ padding-top: 16px; /* border: 1px solid #bfc1c1; */	}
.adminHLeft a				{	font: bold 11px/18px Arial, Helvetica, sans-serif; }
.adminHRight ul				{ margin: 0; padding: 0; list-style: none;	}
.adminHRight ul li			{ display: block; float: left; height: 24px; margin: 0 15px 0 0; padding: 0 0 0 15px; color: #7b8a8e; 	}
.adminHRight ul li a		{ font: bold 11px/18px Arial, Helvetica, sans-serif;  	}
ul.subtabs						{ float:right;	}
ul.subtabs.invoiceTabs		{ margin-left: 10px;	}
.admin-content				{ padding: 20px 0 30px 0;	}
.tab-pane .row .rounded		{ background: #fff; padding: 15px; margin-bottom: 30px;}
.tab-pane .wide .rounded	{	background: #fff; padding: 15px; margin-bottom: 30px; }
#product-update-table thead tr td		{ color: #000; font: bold 11px Arial, Helvetica, sans-serif; 	}
#product-update-table tbody tr td		{ font: 11px Arial, Helvetica, sans-serif;	}






/* juls css */

.j-adpanel h3{
	margin-top:15px !important;
}

.notfound{
	min-height:250px;
	background:url(../img/404.jpg) top left no-repeat;
	padding-left:330px;
}
.comingsoon{
	min-height:250px;
	background:url(../img/comingsoon.jpg) top left no-repeat;
	padding-left:330px;
}
.j-delall{
	float:right;
}
.j-full{
	width:1050px;
}
.j-add-left{
	float:left;
	width:450px;
}
.j-add-right{
	float:right;
}

.j-total{
	padding:10px 20px;
	text-align:right;
}
.modal-body table tbody tr td table tbody tr:hover{
	background:none !important;
}

.j-products{
	text-align:left;
	background:#F8F8F8;
}
.j-products table tr th{
	padding:15px;
	border-bottom:1px solid #CCC;
	
}
.j-products table tr td{
	text-align:left;
	padding:10px;
	border-bottom:1px solid #CCC;
}


.j-modal .modal{
	
}
.j-left{
	float:left;
}
.j-right{
	float:right;
}

.j-cart{
	background: url(../img/cartToggle.png) no-repeat; display: block; float: left; overflow: hidden; text-indent: -999em; height: 27px;    width: 98px;
}
.j-cart:hover{
	background-position: 0 -27px;
}
.j-categories{
	margin:0px;
	padding:0px;
}
.j-categories li{
	list-style:none;
	padding:5px;
	border-bottom:1px dotted #CCC;
}
.j-categories li ul{
	margin:0px;
	margin-left:20px;
}
.j-categories li:last-child{
	border-bottom:none;
}
.j-categories li.rounded{
	margin-bottom:5px !important;
}
.j-categories li input{
	margin-top:-2px;
}
.cateholder_ele{
	float:left;
	padding:5px;
	background:#F4F4F4;
	margin-right:3px;
	margin-top:5px;

}
.cateholder{
		margin-bottom:10px;
}
.j-title{
	color:#046bd5 !important;
	background:#EEE;
}
#j-cat-title{
	border-top:1px solid #CCC; cursor:pointer;
	color:#666 !important;
}
.arrow_down{
	background:url(../img/arrow.png) 920px 18px no-repeat;
}
.arrow_up{
	background:url(../img/arrowup.png) 920px 18px no-repeat;
}
#j-cat-title:hover{
	color:#000 !important;
}
.detaildiv{
	border-bottom:1px solid #CCC;
}
.detaildiv:last-child{
	border-bottom:none;
}
.cart_j table tr td{
	border-bottom:1px solid #CCC;
}
table.popdetails tr td{
	padding:5px !important;
}

table tr td.j_odd{
	background:#F8F8F8 !important;
}
tr j_odd.td:hover{
	background:#F8F8F8 !important;
	
}
.thumb{
	border:2px solid #CCC;
}
.jcategory li{
	padding-top:0px !important;
	padding-bottom:0px !important;

}
.jcategory li span{
	display:block;
	border-bottom:1px solid #CCC;
	margin-left:5px !important;
	padding:10px;
}
.jcategory li span font{
	font-size:10px;
	color:#666;
	font-style:italic;
}
.jcategory li span:hover {
	background:#F8F8F8;
}
.catedit{
	float:right;
	margin-top:-34px;
	padding:0px !important;
		margin-right:50px;
}
.catdel{
	float:right;
	margin-top:-34px;
	padding:0px !important;
		margin-right:20px;
}

td.j-par-title{
	font-size:18px;
	font-weight:600;
	color:#FFF;
	background:#b6b6b6 !important;
	width:150px;
	height:100px;
	padding:15px;
	border-bottom:1px dotted #FFF;
	vertical-align:top !important;
}
.j-lvl2-title{
	border:1px dotted #CCCCCC; background:#FFFFFF; margin:5px; padding:10px;
	cursor:pointer;
}
.j-lvl2-title:hover{
	border:1px solid #CCCCCC;
}
.j-lvl2-title h3{
	font-size:15px;
}
.j-lvl2-title span{
font-size:10px;
	color:#666;
}
.featitems{
	float:left;
}
.featitems li{
	list-style:url(../img/check.png);
	font-size:14px;
	font-weight:600;
	color:#666666;
	
}

/**/